<template>
  <div class="home">
    <!-- <div style="position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);width: 300px;height: 200px;border: 1px solid gold;text-align:center;">
        块级元素<br/>
        <van-button type="info">信息按钮</van-button>
        <van-button type="default">默认按钮</van-button>
    </div> -->
    <van-dialog v-model="show" title="温馨提示" show-cancel-button @confirm="confirm" @cancel="cancel">
      <!-- <img src="https://img01.yzcdn.cn/vant/apple-3.jpg" /> -->
      <p class="dialog-show"> 您将进入<span class="home-text">徽商银行股份有限公司</span>员工专属阳光人寿健康告知信息填写页面，非该企业员工请绕行呦!</p>
    </van-dialog>
    <!-- <PeoVideo /> -->
  </div>
</template>

<script>
// @ is an alias to /src
// import PeoVideo from '@/components/PeoVideo.vue'
// import PeoVideo from '@/components/PeoVideo.vue'

export default {
  name: 'HomeView',
  data(){
    return{
      show: true,
    }
  },
  methods:{
    confirm(){
      console.log('确定键');
      this.$router.push('/forms')
    },
    cancel(){
      console.log('取消键');
      window.opener = null;
      window.open("about:blank", "_self");
      window.close();
    }
  }
}
</script>

<style scoped lang="scss">
.home{
  height: 100%;
  // background: pink;
  .dialog-show{
    text-align: center;
    padding: 5px 10px;
  }
  .home-text{
    color: rgb(225, 159, 28);
    font-size: 16px;
  }
}
</style>
